<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>无缝轮播图</title>
	<link rel="stylesheet" href="style.css">
    
</head>
<body>
	
<div id="container">
    <div id="list" style="left: -600px;">
        <img src="/images/img01.jpg" alt="1"/>
        <img src="images/img02.jpg" alt="1"/>
        <img src="images/img03.jpg" alt="2"/>
        <img src="images/img05.jpg" alt="3"/>
        <img src="images/img06.jpg" alt="4"/>
        <img src="images/img07.jpg" alt="5"/>
        <img src="images/img07.jpg" alt="5"/>
    </div>
    <div id="buttons">
        <span index="1" class="on"></span>
        <span index="2"></span>
        <span index="3"></span>
        <span index="4"></span>
        <span index="5"></span>
    </div>
    <a href="#" id="prev" class="arrow">&lt;</a>
    <a href="#" id="next" class="arrow">&gt;</a>
</div>
<script src="script.js"></script>
</body>
</html>